<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>登录</title>
  <link type="text/css" rel="stylesheet" href="css/common.css" >
  <link type="text/css" rel="stylesheet" href="css/main.css" >
</head>
<body>
<div class="logoBar loginBar">
  <div class="comWidth clearfix">
    <div class="logo fl">
      <img src="images/logo.jpg" alt="慕课网">
    </div>
    <div class="login fl">欢迎登录</div>
  </div>
</div>
<div class="login_box comWidth">
  <div class="login_padding">
    <ul class="login_list">
      <li><span>邮箱/用户名/已验证手机</span><input type="text" class="login_input userName"></li>
      <li><span>密码</span><input type="text" class="login_input userName"></li>
    </ul>
    <div class="login_auto">
      <input type="checkbox" id="auto1"><label for="auto1">自动登录</label>
      <input type="checkbox" id="auto2"><label for="auto2">安全控件登录</label>
      <a href="#" class="login_password">忘记密码</a>
    </div>
    <a href="#" class="login_btn">登录</a>
  </div>
</div>
<div class="hr_30"></div>
<div class="footer_bar">
    <div class="comWidth">
        <p class="footer_title">
            <a href="#">慕课简介</a>|<a href="#">慕课公告</a>|<a href="#">招纳贤士</a>|<a href="#">联系我们</a>|客服热线：400-675-1234
        </p>
        <p class="footer_company">
            <span>Copyright © 2006 - 2014 慕课版权所有</span><span>京ICP备09037834号</span><span>京ICP证B1034-8373号</span>
            <span>某市公安局XX分局备案编号：123456789123</span>
        </p>
        <p class="footer_img">
            <img src="images/webLogo.jpg"><img src="images/webLogo.jpg"><img src="images/webLogo.jpg"><img src="images/webLogo.jpg">
        </p>
    </div>
</div>
</body>
</html>